<!DOCTYPE html>
<html lang="en">
<head>
    <title>Portal - Bootstrap 5 Admin Dashboard Template For Developers</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Portal - Bootstrap 5 Admin Dashboard Template For Developers">
    <meta name="author" content="Xiaoying Riley at 3rd Wave Media">

    <!-- FontAwesome JS--><script defer src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/5.14.0/js/all.min.js"></script><!-- App CSS -->
    <link id="theme-style" rel="stylesheet" href="/assets/css/portal.css">
</head>
<body class="app">
<header class="app-header fixed-top">
    <div class="app-header-inner">
        <div class="container-fluid py-2">
            <div class="app-header-content">
                <div class="row justify-content-between align-items-center">
                    <div class="col-auto"><a id="sidepanel-toggler" class="sidepanel-toggler d-inline-block d-xl-none" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img">
                            <title>Menu</title>
                            <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path>
                        </svg>
                    </a></div>
                    <!--//col-->
                    <div class="search-mobile-trigger d-sm-none col"><i class="search-mobile-trigger-icon fas fa-search"></i></div>
                    <!--//col-->
                    <!--//app-search-box-->
                    <!--//dropdown-menu-title-->

                    <!--//col--></div>
                <!--//row--><a class="link-mask" href="notifications.html"></a></div>
            <!--//item-->
            <div class="item p-3">
                <div class="row gx-2 justify-content-between align-items-center">
                    <div class="col-auto">
                        <div class="app-icon-holder">

                        </div>
                    </div>
                    <!--//col-->

                    <!--//col--></div>
                <!--//row--><a class="link-mask" href="notifications.html"></a></div>
            <!--//item-->
            <div class="item p-3">
                <div class="row gx-2 justify-content-between align-items-center">
                    <div class="col-auto">
                        <div class="app-icon-holder icon-holder-mono">

                        </div>
                    </div>
                    <!--//col-->

                    <!--//col--></div>
                <!--//row--><a class="link-mask" href="notifications.html"></a></div>
            <!--//item-->
            <div class="item p-3">
                <div class="row gx-2 justify-content-between align-items-center">

                    <!--//col-->

                    <!--//col--></div>
                <!--//row--><a class="link-mask" href="notifications.html"></a></div>
            <!--//item--></div>
        <!--//dropdown-menu-content-->

    </div>
    <!--//dropdown-menu--></div>
    <!--//app-utility-item-->
    <div class="app-utility-item"><a href="settings.html" title="Settings"><!--//Bootstrap Icons:https://icons.getbootstrap.com/ -->
        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-gear icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" d="M8.837 1.626c-.246-.835-1.428-.835-1.674 0l-.094.319A1.873 1.873 0 0 1 4.377 3.06l-.292-.16c-.764-.415-1.6.42-1.184 1.185l.159.292a1.873 1.873 0 0 1-1.115 2.692l-.319.094c-.835.246-.835 1.428 0 1.674l.319.094a1.873 1.873 0 0 1 1.115 2.693l-.16.291c-.415.764.42 1.6 1.185 1.184l.292-.159a1.873 1.873 0 0 1 2.692 1.116l.094.318c.246.835 1.428.835 1.674 0l.094-.319a1.873 1.873 0 0 1 2.693-1.115l.291.16c.764.415 1.6-.42 1.184-1.185l-.159-.291a1.873 1.873 0 0 1 1.116-2.693l.318-.094c.835-.246.835-1.428 0-1.674l-.319-.094a1.873 1.873 0 0 1-1.115-2.692l.16-.292c.415-.764-.42-1.6-1.185-1.184l-.291.159A1.873 1.873 0 0 1 8.93 1.945l-.094-.319zm-2.633-.283c.527-1.79 3.065-1.79 3.592 0l.094.319a.873.873 0 0 0 1.255.52l.292-.16c1.64-.892 3.434.901 2.54 2.541l-.159.292a.873.873 0 0 0 .52 1.255l.319.094c1.79.527 1.79 3.065 0 3.592l-.319.094a.873.873 0 0 0-.52 1.255l.16.292c.893 1.64-.902 3.434-2.541 2.54l-.292-.159a.873.873 0 0 0-1.255.52l-.094.319c-.527 1.79-3.065 1.79-3.592 0l-.094-.319a.873.873 0 0 0-1.255-.52l-.292.16c-1.64.893-3.433-.902-2.54-2.541l.159-.292a.873.873 0 0 0-.52-1.255l-.319-.094c-1.79-.527-1.79-3.065 0-3.592l.319-.094a.873.873 0 0 0 .52-1.255l-.16-.292c-.892-1.64.902-3.433 2.541-2.54l.292.159a.873.873 0 0 0 1.255-.52l.094-.319z"/>
            <path fill-rule="evenodd" d="M8 5.754a2.246 2.246 0 1 0 0 4.492 2.246 2.246 0 0 0 0-4.492zM4.754 8a3.246 3.246 0 1 1 6.492 0 3.246 3.246 0 0 1-6.492 0z"/>
        </svg>
    </a></div>
    <!--//app-utility-item-->

    <!--//app-user-dropdown--></div>
    <!--//app-utilities--></div>
    <!--//row--></div>
    <!--//app-header-content--></div>
    <!--//container-fluid--></div>
    <!--//app-header-inner-->
    <div id="app-sidepanel" class="app-sidepanel">
        <div id="sidepanel-drop" class="sidepanel-drop"></div>
        <div class="sidepanel-inner d-flex flex-column"><a href="#" id="sidepanel-close" class="sidepanel-close d-xl-none">&times;</a>
            <div class="app-branding"><a class="app-logo" href="admin.html"><img class="logo-icon mr-2" src="assets/images/app-logo.svg" alt="logo"><span class="logo-text"></span></a></div>
            <!--//app-branding-->

                <!--//app-menu--></nav>
            <!--//app-nav-->

            <!--//app-sidepanel-footer--></div>
        <!--//sidepanel-inner--></div>
    <!--//app-sidepanel--></header>
<!--//app-header-->
<div class="row" style="margin-top: 100px;margin-left: 300px" id="wrap">

    <table>
        <tr>
            <td>
                <input type="text" class="form-control" placeholder="学校" aria-describedby="basic-addon1" style="width:300px" v-model="word">
                </td>
            <td>
                <input type="text" class="form-control" placeholder="专业" aria-describedby="basic-addon1" style="width:300px" v-model="word2">
            </td>
            <td>
                <input type="text" class="form-control" placeholder="省份" aria-describedby="basic-addon1" style="width:300px" v-model="word3">
            </td>
            <td>
                <input type="button" class="form-control" value="搜索" aria-describedby="basic-addon1"style="width:50px" @click="findAll">
            </td>
        </tr>
    </table>
    <div class="row" :style="{display:show,margin:'30px 50px 0px 0px',marginLeft:'-30px'}">
        <div class="col-xs-12">
            <table class="table table-bordered table-hover" id="simple-table" >
                <thead>
                <tr class="table_header">
                    <td>
                        编号
                    </td>
                    <td>
                        学校
                    </td>
                    <td>
                        省份
                    </td>
                    <td>
                        专业
                    </td>
                    <td>
                        人数
                    </td>


                </tr>
                </thead>
                <tbody>
                <tr v-for="(emp,index) in schools" :key="emp.id" :class="index%2==0?'row1':'row2'">
                    <td>
                        {{ emp.id }}
                    </td>
                    <td>
                        {{ emp.sname }}
                    </td>

                    <td>
                        {{ emp.province }}
                    </td>
                    <td>
                        {{ emp.subject }}
                    </td>

                    <td>
                        {{ emp.num }}
                    </td>


                </tr>
                </tbody>
            </table>
            <!--<a href="http://localhost:8080/es_healthy/updateDoctor.html?id=13"class="btn btn-primary active"  aria-pressed="false">22222</a>-->
        </div>
    </div>












</div>
<!--//app-wrapper--><!-- Javascript -->
<script src="/assets/plugins/popper.min.js"></script>
<script src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Charts JS -->
<script src="/assets/plugins/chart.js/chart.min.js"></script>
<script src="/assets/js/index-charts.js"></script>
<!-- Page Specific JS -->
<script src="/assets/js/app.js"></script>
</body>
<script src="/dist/vue.js"></script>
<script src="/dist/axios.min.js"></script>
<script>
    var app = new Vue({
        el:"#wrap",
        data:{
            word:"",
            word2:"",
            word3:"",
            schools:[],
            show:"none",
        },
        methods:{
            //查询预约列表方法
            findAll(){
                var _this = this;
                this.status="block";
                axios.get("http://localhost:8080/user/search?word="+this.word+"&word2="+this.word2+"&word3="+this.word3).then(res=>{
                    _this.schools = res.data.schools;
                    console.log(this.schools);
                    this.show="block";
                })
            }
        }

    });
</script>
</html>